<lv-cascader
  #cascader
  style="width: 368px"
  [lvOptions]="options"
  [(ngModel)]="values"
  [lvOptionRender]="optionTpl"
  (ngModelChange)="onChanges($event)"
  (lvSelectionChange)="selectionChange($event)"
>
  <!-- 自定义展示区 -->
  <lv-cascader-trigger>
    <ng-container *ngFor="let item of selection">
      <span *ngIf="!item.isLeaf">{{ item.label }} / </span>
      <span *ngIf="item.isLeaf" style="color: red">{{ item.label }}</span>
    </ng-container>
  </lv-cascader-trigger>

  <!-- 自定义头部 -->
  <lv-cascader-header class="ui-cascader-header">Custom head</lv-cascader-header>

  <!-- 自定义内容 -->
  <ng-template #optionTpl let-item let-index="index" let-label="label">
    <span>
      <b style="color: red">Custom:</b>
      {{ label }}
    </span>
  </ng-template>

  <!-- 自定义底部 -->
  <lv-cascader-footer class="ui-cascader-footer" (click)="cascader.updateOpen(false)">Custom foot</lv-cascader-footer>
</lv-cascader>
